<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--
   1、为什么要跨域？
      因为原生的XMLHTTPRequiered只能在同源下面获取数据
      能不能将XMLHTTPRequiered对象改变成可以支持跨域的，可以cors跨域的，只支持和ie10以上版本
      采用jsonp（网络传送协议）跨域
      2、为什么能够实现跨域？
        借助script的src属性，实现跨域
        json数据交互，无罗是不是跨域，都能交互数据
      3、 跨域的特点
        jsonp网络传输协议----无论访问谁的服务器，都需要传送collback参数
        因为服务器返回的数据，就是通过collback传递给你
-->
<!--
  接口信息
  商品搜索的功能
  1、url:
-->
<button>点击进行网络请求</button>
<script>
    document.getElementsByTagName("button")[0].onclick=function(){
        //跨域访问
        //1、借助script的src属性，进行跨域访问，所以需要创建一个script标签
        var sp=document.createElement("script");
        //2、给script添加src
        sp.src="http://suggest.taobao.com/sug?code=utf-8&q=童装&callback=fn"
        //3、把 script添加到body中
        document.body.appendChild(sp);
    };
    function fn(data){
        consequent(data)
    }


</script>
</body>
</html>